/**
 * 学习目标：创建组件- class类组件
 * 语法:
 * class Xxx extends React.Component  {
 *
 *  render(){
 *
 *   return  jsx 或者 null
 *  }
 *
 * }
 */
import React, { Component } from 'react';
import ReactDOM from 'react-dom';

// 💥 组件名大写开头
class Xxx extends Component {
  // 💥  render函数必须有, 不能省略
  render() {
    return <h1>hello React</h1>;
    // 如果不需要渲染任何内容, 返回null
    // return null;
  }
}

const divNode = (
  <>
    <Xxx />
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
